/* pages/flex-warp/flex-warp.wxss */
.flex {
  display: flex;
  flex-wrap: wrap;
  padding: 25rpx 0;

  &.gap {
    gap: 25rpx;
  }

  &.row-gap {
    row-gap: 40rpx;
  }

  &.col-gap {
    column-gap: 25rpx;
  }

  .flex-item {
    width: 150rpx;
    height: 150rpx;
    background-color: #f8f8f8;
  }
}